.search-tree {
    position: relative;
    width: 100%;
    min-height: 32px;
    // z-index: 1000;

    .input-text {
        position: absolute;
        left: 0;
        top: 0;
        // z-index: 1000;
        margin-top: 4px;
        padding: 4px 10px;
        width: 100%;
        min-height: 32px;
        font-size: 13px;
        color: #333;
        border-radius: 2px;
        border: 1px solid #e0e1e2;
        background: #fff;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        border-radius: 4px;

        &.placeholder {
            color: #6062667a;
        }

        .el-icon {
            position: absolute;
            right: 10px;
            color: #e0e1e2;
            // color: #0DB3A6;
            font-weight: bold;

            &.el-icon-close {
                cursor: pointer;
            }
        }
    }



    .tree-wrap {
        position: absolute;
        top: 34px;
        left: 0;
        z-index: 1000;
        margin-top: 6px;
        padding: 6px;
        max-height: 320px;
        width: 100%;
        border: 1px solid #e0e1e2;
        background: #fff;
        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);
        border-radius: 6px;
        box-sizing: border-box;
        display: flex;

        .search-input {
            position: absolute;
            z-index: 99;
            width: calc(100% - 12px);
            box-sizing: border-box;
        }

        .tree-wrapper {
            flex:1;
            margin-top: 38px;
            overflow-y: auto;

            /** 设置label层级和位置解决handleNodeClick事件不触发问题*/
            & :deep(.el-tree-node__label) {
                z-index: 99;
                margin-left: -28px;
                padding-left: 28px;
                background-color: transparent;
            }
        }
    }
}